<nz-tag
  nzMode="closeable"
  (nzOnClose)="onClose(role)"
  [nzColor]="'blue'"
  *ngFor="let role of selectedRoles"
>
  {{ role.label }}
</nz-tag>

<nz-tree-view
  [nzTreeControl]="treeService.treeControl"
  [nzDataSource]="dataSource"
>
  <nz-tree-node *nzTreeNodeDef="let node" nzTreeNodeIndentLine>
    <nz-tree-node-option
      [nzDisabled]="node.type === 'ORG'"
      [nzSelected]="treeService.selectListSelection.isSelected(node)"
      (nzClick)="onItemSelect(node)"
    >
      {{ node.label }}
    </nz-tree-node-option>
  </nz-tree-node>

  <nz-tree-node *nzTreeNodeDef="let node; when: hasChild" nzTreeNodePadding>
    <nz-tree-node-toggle *ngIf="!node.loading">
      <i nz-icon nzType="caret-down" nzTreeNodeToggleRotateIcon></i>
    </nz-tree-node-toggle>
    <nz-tree-node-toggle *ngIf="node.loading" nzTreeNodeNoopToggle>
      <i nz-icon nzType="loading" nzTreeNodeToggleActiveIcon></i>
    </nz-tree-node-toggle>
    <!-- {{ node.label }} -->
    <nz-tree-node-option
      [nzDisabled]="node.type === 'ORG'"
      [nzSelected]="treeService.selectListSelection.isSelected(node)"
      (nzClick)="onItemSelect(node)"
    >
      {{ node.label }}
    </nz-tree-node-option>
  </nz-tree-node>
</nz-tree-view>
